<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:margin-right="http://www.w3.org/1999/xhtml"
      layout:decorator="layout/layout">
<head>
    <meta charset="UTF-8">
    <title>博客列表</title>
    <style>
        p {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }
        .so-items-normal .item-bd .item-bd__cont {
            display: flex;
            align-items: flex-start;
            flex-shrink: 0;
            color: #555666;
            line-height: 24px;
            overflow-x: auto;
        }
        .so-items-normal .item-bd .bdc-lt .nm-rt-desc, .so-items-normal .item-bd .bdc-lt p {
            color: #999aaa;
            word-break: break-all;
        }
        .h1, .h2, .h3, .h4, .h5, .h6, a, abbr, body, cite, dd, dl, dt, h1, h2, h3, h4, h5, h6, iframe, input, li, object, ol, p, pre, span, ul {
            font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif;
        }
        .block-title{
            height: auto;
            width: auto;
        }
        .btm-lt>div{
            display: inline-block;
        }
        .title {
            max-width: 650px;
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 600;
        }
        .substr {
            display: inline-block;
            vertical-align: sub;
            white-space: nowrap;
        }
    </style>
</head>
<body>
<div class="page-login-wrap">
    <!--<div>-->
    <!--<a href="/user/toAddFriend" style="margin-left: 1200px">添加好友</a><br>&nbsp;;&nbsp;-->
    <!--<a href="/index" style="margin-left: 1200px">首页</a>-->
    <!--</div>-->

    <div style="font-size: 25px" align="center">博客列表</div>
    <form action="/search" method="post"  align="center">
        <input type="text" align="center" name="keyword" th:value="${keyword}" placeholder="请输入搜索内容"><button type="submit">搜索</button>
    </form>

    <div th:if="${blogList} == null" align="center">
        本站还未有人发表过博客呢！快来做第一人
    </div>

    <div th:if="${blogList} != null">
            <div th:each="item:${blogList}" style="border-bottom-color: #555666;border-bottom-style: outset">
                <div>
                    <div data-v-6a7237fb="" class="so-items-normal" page="1">
                        <div class="item-hd"><span class="icon blog"></span>
                            <h3 class="title substr">
                            <a href="" target="_blank" class="block-title" th:utext="${item.blogTitle}"></a>
                            </h3>
                        </div>
                        <div class="item-bd">
                            <div class="item-bd__cont">
                                <div class="bdc-lt minHeight">
                                    <p class="row1" th:utext="${item.blogContent}" >

                                    </p>
                                    <div class="item-ft">
                                        <div class="so-items-bottom no-tags">
                                            <div class="btm-lt"><!---->
                                                <div class="btm-view">
                                                    <i class="icon-view">评论量：</i><span class="num">11万+</span>
                                                </div>
                                                <div class="btm-dig">
                                                    <i class="icon-dig">点赞量：</i><span class="num">940</span>
                                                </div>
                                                <div class="btm-comment">
                                                    <i class="icon-comment">转发量：</i><span class="num">73</span>
                                                </div>
                                            </div>
                                            <div class="btm-rt">
                                                <a href="https://me.csdn.net/weixin_44207403" target="_blank" title="查看主页" class="user"><span class="name-text" th:text="${item.blogAuthor}"></span></a><!----><span class="time"> 更新时间：<a th:utext="${item.modTime}"></a></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                </div>
            </div>
    </div>

</div>
</body>
</html>